<page-bar></page-bar>
<div class="d-flex justify-content-between align-items-center mb-sm">
  <div class="d-flex align-items-center">
    <sf mode="search" [schema]="searchSchema" (formSubmit)="st.reset($event)" (formReset)="st.reset($event)"></sf>
  </div>
  <div>
    <custom-column [st]="st" (ok)="st.resetColumns()"></custom-column>
  </div>
</div>

<st #st [widthMode]="{ type: 'strict' }" [data]="url" [page]="{showSize: true}" [size]="'small'" [columns]="columns"
  [req]="{reName: { pi: 'current', ps: 'size' }}" [res]="{reName: { total: 'data.total', list: 'data.records'}}">
  <ng-template st-row="params" let-item let-index="index">
    <span nz-tooltip nzTooltipPlacement="topLeft" [nzTooltipTitle]="item.params">{{item.params}}</span>
  </ng-template>
  <ng-template st-row="requestUri" let-item let-index="index">
    <span nz-tooltip nzTooltipPlacement="topLeft" [nzTooltipTitle]="item.requestUri">{{item.requestUri}}</span>
  </ng-template>
</st>
